
<!DOCTYPE html>

<html
  lang="en"
  class="light-style customizer-hide"
  dir="ltr"
  data-theme="theme-default"
  data-assets-path="/static/index/user/assets/"
  data-template="vertical-menu-template"
>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
    />

    <title>[title] - 用户中心</title>

    <meta name="description" content="" />

    <!-- Favicon -->
    <link href="{:getConfig()['favicon']}" rel="icon">

    <!-- Icons -->
    <link rel="stylesheet" href="/static/index/user/assets/vendor/fonts/boxicons.css" />
    <link rel="stylesheet" href="/static/index/user/assets/vendor/fonts/fontawesome.css" />
    <link rel="stylesheet" href="/static/index/user/assets/vendor/fonts/flag-icons.css" />

    <!-- Core CSS -->
     <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/css/rtl/core.css" class="template-customizer-core-css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/css/rtl/theme-default.css" class="template-customizer-theme-css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/css/demo.css" />

    <!-- Vendors CSS -->
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/typeahead-js/typeahead.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/apex-charts/apex-charts.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/animate-css/animate.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/toastr/toastr.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/sweetalert2/sweetalert2.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css" />
    <link rel="stylesheet" href="{:getConfig()['speed_api']}/static/index/user/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css" />

   <!-- Helpers -->
    <script src="{:getConfig()['speed_api']}/static/index/user/assets/vendor/js/helpers.js"></script>

    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
    <script src="{:getConfig()['speed_api']}/static/index/user/assets/js/config.js"></script>
  </head>
  <body>
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
      <div class="layout-container">
        <!-- Menu -->

        <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
          <div class="app-brand demo">
            <a href="/" class="app-brand-link">
              <span class="app-brand-logo demo">
                  <img src="{:getConfig()['logo']}" style="width:150px;">
              </span>
            </a>

            <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
              <i class="bx bx-chevron-left bx-sm align-middle"></i>
            </a>
          </div>

          <div class="menu-inner-shadow"></div>

          <ul class="menu-inner py-1">
            <!-- 仪 表 盘 -->
            <li class="menu-item">
              <a href="/User/Index" class="menu-link">
                <i class="menu-icon tf-icons bx bx-home-circle"></i>
                <div>仪 表 盘</div>
              </a>
            </li>
            <!-- 账号设置 -->
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bxs-user-account"></i>
                <div>账 号 设 置</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item" nav-id='2'>
                  <a href="/My/UserPro" class="menu-link">
                    <div>账 号 详 情</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="/My/Security" class="menu-link">
                    <div>安 全 设 置</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="/My/Notifications" class="menu-link">
                    <div>通 知 设 置</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="/My/Connections" class="menu-link">
                    <div>账 号 绑 定</div>
                  </a>
                </li>
              </ul>
            </li>
            <!-- 财务管理 -->
            <li class="menu-item">
              <a href="/Deal/Recharge" class="menu-link">
                <i class="menu-icon tf-icons bx bx-money"></i>
                <div>在 线 充 值</div>
              </a>
            </li>
            <!-- 套餐购买 -->
            <li class="menu-item">
              <a href="/Deal/Vip" class="menu-link">
                <i class="menu-icon tf-icons bx bxs-shopping-bags"></i>
                <div>套 餐 购 买</div>
              </a>
            </li>
            <!-- 通道配置 -->
            <li class="menu-item">
              <a href="javascript:void(0)" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-cog"></i>
                <div>通 道 管 理</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="/Channel/Index" class="menu-link">
                    <div>通 道 列 表</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="/Channel/Basic" class="menu-link">
                    <div>通 道 配 置</div>
                  </a>
                </li>
              </ul>
            </li>
            <!-- 订单记录 -->
            <li class="menu-item">
              <a href="/Deal/OrderLog" class="menu-link">
                <i class="menu-icon tf-icons bx bxs-wallet"></i>
                <div>订 单 记 录</div>
              </a>
            </li>
            <li class="menu-header small text-uppercase">
              <span class="menu-header-text">其 他 功 能</span>
            </li>
            <!-- 对接密钥 -->
            <li class="menu-item">
              <a href="/My/Security#Api" class="menu-link">
                <i class="menu-icon tf-icons bx bx bx-key"></i>
                <div>对 接 密 钥</div>
              </a>
            </li>
            <li class="menu-item">
              <a href="/User/PlugDownload" class="menu-link">
                <i class="menu-icon tf-icons bx bxs-cloud-download"></i>
                <div>插 件 下 载</div>
              </a>
            </li>
          </ul>
        </aside>
        <!-- / Menu -->

        <!-- Layout container -->
        <div class="layout-page">
          <!-- Navbar -->

          <nav
            class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
            id="layout-navbar"
          >
            <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
              <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                <i class="bx bx-menu bx-sm"></i>
              </a>
            </div>

            <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">

              <ul class="navbar-nav flex-row align-items-center ms-auto">

                <!-- User -->
                <li class="nav-item navbar-dropdown dropdown-user dropdown">
                  <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                    <div class="avatar avatar-online">
                      <img src="{$user.head}" alt class="w-px-40 h-auto rounded-circle" />
                    </div>
                  </a>
                  <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                      <a class="dropdown-item" href="#">
                        <div class="d-flex">
                          <div class="flex-shrink-0 me-3">
                            <div class="avatar avatar-online">
                              <img src="{$user.head}" alt class="w-px-40 h-auto rounded-circle" />
                            </div>
                          </div>
                          <div class="flex-grow-1">
                            <span class="fw-semibold d-block">{$user.username}</span>
                            <small class="text-muted">{$vip.name}</small>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                    <li>
                      <a class="dropdown-item" href="/My/UserPro">
                        <i class="bx bx-user me-2"></i>
                        <span class="align-middle">我的信息</span>
                      </a>
                    </li>
                    <li>
                      <a class="dropdown-item" href="/Channel/Index">
                        <i class="bx bx-cog me-2"></i>
                        <span class="align-middle">通道设置</span>
                      </a>
                    </li>
                    <li>
                      <a class="dropdown-item" href="/Deal/OrderLog">
                          <i class="bx bx-credit-card me-2"></i>
                          <span class="align-middle">订单日志</span>
                      </a>
                    </li>
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                    <li>
                      <a class="dropdown-item" href="/User/Logout">
                        <i class="bx bx-power-off me-2"></i>
                        <span class="align-middle">退出</span>
                      </a>
                    </li>
                  </ul>
                </li>
                <!--/ User -->
              </ul>
            </div>

          </nav>

          <!-- / Navbar -->

          <!-- Content wrapper -->
<div class="content-wrapper">
